<template>
    <fieldset>
        <legend>购物车</legend>
        <h1>购物车</h1>
        <ul>
            <li v-for="item in cartData" :key="item.id">
                <b>产品{{item.title}}</b>
                ----
                <b>价格{{item.price}}</b>
                ----
                <b>数量{{item.count}}</b>
                <button>-</button>
              
            </li>
        </ul>
        <h1>总价:{{total}}</h1>
    </fieldset>
</template>

<script>
import { mapState,mapGetters} from 'vuex';
export default{
    computed:{
        ...mapState('cart',['cartData']),
        ...mapGetters('cart',['total'])

    }
}
</script>